import React from 'react'
import { Routes, Route, Link } from 'react-router-dom'
import List from '../src/pages/List'
function App() {
  return (
    <div className="App">
      <header className="App-header">
        <Routes>
          <Route path="/" element={<Home />}></Route>
          <Route path="/about" element={<About />}></Route>
          <Route path="/list" element={<List />}></Route>
        </Routes>
      </header>
    </div>
  )
}
function Home() {
  return (
    <div>
      <main>
        <h2>Welcome to the homepage</h2>
      </main>
      <nav>
        <Link to="/about">about</Link>
      </nav>
    </div>
  )
}
function About() {
  return (
    <div>
      <main>
        <h2>Welcome to the about page</h2>
      </main>
      <nav>
        <ol>
          <Link to="/">home</Link>
          <Link to="/about">about</Link>
        </ol>
      </nav>
    </div>
  )
}
export default App
